<!DOCTYPE html>
<html>
<head>
    <style>
        .target {
            width: 169px;
            height: 121px;
            resize: both;
        }
    </style>
</head>
<body>
    <hr>
    <p>
        Test for
        <i><a href="https://bugs.webkit.org/show_bug.cgi?id=9547">http://bugzilla.opendarwin.org/show_bug.cgi?id=9547</a>
        Resize corner does not track the mouse accurately</i>.
    </p>
    <hr>
    <div id="div" class="target" style="overflow: auto; border: blue 2px solid;"></div>
    <div id="div-with-stacked-child" class="target" style="overflow: auto; border: blue 2px solid;">
        <div style="width: 149px; height: 98px; position: relative; background: yellow"></div>
    </div>
    <textarea id="textarea1" class="target" style="border: blue 2px solid;"></textarea>
    <textarea id="textarea2" class="target"></textarea>
    <iframe id="iframe1" class="target"></iframe>
</body>
